<template>
  <p>将用户输入的值转成数值 .number，懒更新 .lazy</p>
  <!-- 。number 将用户输入的值转成数值，如果用户输入的内容无法转成数字，将不会更新数据源 -->
  <!-- .lazy 在 change 跟新数据源，而不是 input  -->
  <input v-model.lazy.number="age" type="text" />

  <hr />
  <p>去掉首尾空白字符</p>
  <input v-model.trim="nickname" type="text" />
</template>

<script setup>
import { ref } from 'vue'

let age = ref(20)
let nickname = ref('')
</script>

<script>
//选项式
export default {
  data: () => ({
    age: 20,
    nickname: '',
  }),
}
</script>
